<table id='shoplist' cellspacing=0>
{% for shop in shopList %}
    <tr id='shop_{{shop.id}}'>
        <td>
            {{shop.name}}
        </td>
        <td>
            {{shop.phone}}
        </td>
    </tr>
{% endfor %}
</table>

<script type='text/javascript'>
    $("#shoplist tr").click(function(){
            addMenu($(this).attr('id'));
            $('#shoplist .selected').removeClass('selected');
            $(this).addClass('selected');
            }).css('cursor','pointer')
            .hover(
            function()
            {
            $(this).addClass('over');
            },function()
            {
            $(this).removeClass('over');
            }
            );
</script>
